<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./mainTemplate.xhtml">

            <ui:define name="top">
                Aufgabenverwaltung - Aufgabe erfassen
            </ui:define>

            <ui:define name="content">
                <h1>Aufgabe erfassen</h1>
                <h:form>
                    <fieldset>
                    <legend>&nbsp;&nbsp;&nbsp;Aufgabe&nbsp;&nbsp;&nbsp;</legend>
                    <p:panelGrid styleClass="panelGridTask" columns="3">
                        <h:outputText value="Name: *"></h:outputText>
                        <h:inputText id="name" label="Name" styleClass="text-input" value="#{aufgabenController.aufgabe.name}" required="true"></h:inputText>
                        <h:message for="name"></h:message>

                        <h:outputText value="Beschreibung:"></h:outputText>
                        <h:inputTextarea id="beschreibung" label="Beschreibung" styleClass="text-input" value="#{aufgabenController.aufgabe.beschreibung}"></h:inputTextarea>
                        <h:message for="beschreibung"></h:message>

                        <h:outputText value="Projekt:"></h:outputText>
                        <h:inputText id="projekt" label="Projekt" styleClass="text-input" value="#{aufgabenController.aufgabe.projekt}"></h:inputText>
                        <h:message for="projekt"></h:message>

                        <h:outputText value="Priorität:"></h:outputText>
                        <h:selectOneRadio id="prioritaet" label="Priorität" value="#{aufgabenController.aufgabe.prioritaet}">
                            <f:selectItems value="#{aufgabenController.prioritaetItems}"></f:selectItems>
                        </h:selectOneRadio>
                        <h:message for="prioritaet"></h:message>

                        <h:outputText value="Status:"></h:outputText>
                        <h:selectOneMenu id="status" label="Status" style="border:solid 1px #247edd;" value="#{aufgabenController.aufgabe.status}">
                            <f:selectItems value="#{aufgabenController.statusItems}"></f:selectItems>
                        </h:selectOneMenu>
                        <h:message for="status"></h:message>

                        <h:outputText value="Fälligkeit:"></h:outputText>
                        <h:inputText id="faelligkeit" label="Fälligkeit" styleClass="text-input" value="#{aufgabenController.aufgabe.faelligkeit}">
                            <f:convertDateTime pattern="dd.MM.yyyy"></f:convertDateTime>
                        </h:inputText>
                        <h:message for="faelligkeit"></h:message>
                        <br/>
                        <h:outputText value="* Diese Felder müssen ausgefüllt werden."></h:outputText>
                    </p:panelGrid>
                    </fieldset>
                    <br />
                    <fieldset>
                    <legend>&nbsp;&nbsp;&nbsp;Mitarbeiter&nbsp;&nbsp;&nbsp;</legend>
                    <p:scrollPanel mode="native">
                        <h:selectManyCheckbox id="malist" label="Mitarbeiterliste" value="#{aufgabenController.maList}" layout="pageDirection">
                            <f:selectItems value="#{aufgabenController.mitarbeiterItems}"></f:selectItems>
                        </h:selectManyCheckbox>
                    </p:scrollPanel>
                    <h:message for="malist"></h:message>
                    </fieldset>
                    <br />
                    <br />
                    <h:commandButton value="Speichern" styleClass="button buttonnormal" action="#{aufgabenController.doSaveTask()}" ></h:commandButton>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
